<!--
 * @Descripttion:
 * @version: 1.0.0
 * @Author: szj@yyide.com
 * @Date: 2021-12-24 11:02:14
 * @LastEditors: lai_hq@qq.com
 * @LastEditTime: 2022-08-05 16:37:43
-->
<template>
    <div class="logo_warp">
        <a-image class="logo_img" :src="icon" :preview="false" />

        <router-link to="/" class="name">{{ title }}</router-link>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
    name: 'Logo',
    props: {
        title: {
            type: String
        },
        icon: {
            type: String
        }
    },
    components: {},
    setup() {
        return {}
    }
})
</script>

<style scoped lang="less">
.logo_warp {
    display: flex;
    align-items: center;
    :deep(.logo_img) {
        margin-right: 16px;
        width: 38px;
        height: 38px;
        border-radius: 50%;
    }
    .name {
        color: #fff;
    }
}
</style>
